<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		
		<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="layui/css/layui.css"/>
		<script src="layui/layui.js" type="text/javascript" charset="utf-8"></script>
		<script src="layui/lay/modules/jquery.js" type="text/javascript" charset="utf-8"></script>
		<script src="layui/lay/modules/tree.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
	
       
 	
      

<table class="layui-table" id="tab" lay-filter="tfil"></table>



<script type="text/javascript">
　　
 </script>
<div id="test1"></div>
		<script type="text/html" id="barDemo">
  <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="detail">查看</a>
  <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
  <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>

</script>

<script>		
		
			layui.use(['table','form','laydate','tree'],function(){
				var table=layui.table,
					form=layui.form,
					$=layui.$,
					tree=layui.tree,
					laydate=layui.laydate;
					
				laydate.render({ 
					  elem: '#addTime'
					  ,type: 'year'
					  ,width:500
					});

				table.render({
					elem:'#tab',
					url:'find',
					method:'Get',
					page:true,
					toolbar:'#top',
					cols:[[
						{field:'id',title:'ID'},
						{field:'cardno',title:'卡号'},
						{title:'身份编号',templet:'<div>{{d.membershipids.department}}</div>'},
						{field:'name',title:'姓名'},
						{field:'sex',title:'性别'},
						{field:'status',title:'状态'},
						{field:'stuno',title:'待定'},
						{title:'操作工具栏',toolbar: '#barDemo'}
						
					]],id:'ttt'
				});
				
				//渲染
			    var inst1 = tree.render({
			      elem: '#test1'  //绑定元素
			      ,data: [{
			        title: '江西' //一级菜单
			        ,children: [{
			          title: '南昌' //二级菜单
			          ,children: [{
			            title: '高新区' //三级菜单
			            //…… //以此类推，可无限层级
			          }]
			        }]
			      },{
			        title: '陕西' //一级菜单
			        ,children: [{
			          title: '西安' //二级菜单
			        }]
			      }]
			    });
				
				
			   
				/* $(function(){
					$.post('getType',{},function(data){
						var h='';
						for (var i = 0; i < data.length; i++) {
							h+='<option value="'+data[i].tid+'">'+data[i].tname+'</option>';
						}
					
						$("select").append(h);
						form.render('select');
					})
				}) */
				
				active={
					reload:function(){
						table.reload('ttt',{
							where:{
								'vname':$("#name").val(),
								'tid':$("#type1").val(),
								
							}
						})
					}
				}
				
				$("#search").click(function(){
					active.reload();
				});
				
				table.on("toolbar(tfil)",function(obj){
					if(obj.event=="add"){
						layer.open({
							type:1,
							title:'添加',
							content:$("#addDiv"),
							area:['550px','600px']
						})
					}
				});
				
				form.verify({
					vname:function(value, item){
						if(value.length>20){
							return '视频名称不能超过20个字符';
						}
					}
				});

				 form.on('submit(test)',function(){
					var data=$("#addForm").serialize();
					
					$.post('video',data,function(res){
						if(res>0){
							active.reload();
							layer.closeAll();
							layer.msg("添加成功！");
						}
					},"json")
					
				}) 
				
				//监听行工具事件
				  table.on('tool(tfil)', function(obj){ //注：tool 是工具条事件名，test 是 table 原始容器的属性 lay-filter="对应的值"
				    var data = obj.data //获得当前行数据
				    ,layEvent = obj.event; //获得 lay-event 对应的值
				    if(layEvent === 'detail'){
				      layer.msg('查看操作');
				    } else if(layEvent === 'del'){
				    	var vid=data.vid;
				    	/* $.post('delVideo',{'vid':data.vid},function(res){
							if(res>0){
								active.reload();
								
								layer.msg("删除成功！");
							}
						},"json") */
						$.ajax({          
					       	 url:"video", 
					         dataType:"json",  
					         type:"delete", 
					         data:{"vid":vid},
					         success:function(data){
					        	 active.reload();
					         },      
					         error:function(){
					        	 
					         }
					});
				
						
						
						
						
						
				    } else if(layEvent === 'edit'){
				    	form.val("updateForm",data);
				    	layer.open({
							type:1,
							title:'修改',
							content:$("#updateDiv"),
							area:['550px','600px']
						})
				    }
				  });
				$("#updateBtn").click(function(){
					
					var data=$("#updateForm").serialize();
				
					alert(data);
					$.ajax({          
				       	 url:"video", 
				         dataType:"json",  
				         type:"put", 
				         data:$("#updateForm").serialize(),
				         success:function(data){
				        	 active.reload();
				         },      
				         error:function(){
				        	 
				         }
				});
			
					
					
					
					
				}) 
			
			})
		</script>
	</body>
</html>
